<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>
<html>
    <head>
        <title><f:message key="title.userDetails"/></title>
        <link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
    </head>
    <body>
        <div class="container">
          <div class="masthead">
            <h3 class="muted"><f:message key="application"/></h3>
            <div class="navbar">
              <div class="navbar-inner">
                <div class="container">
                  <ul class="nav" >
                    <li><a href="dashboard"><f:message key="navigation.dashboard"/></a></li>
                    <li><a href="projects"><f:message key="navigation.projects"/></a></li>
                    <li><a href="reports"><f:message key="navigation.reports"/></a></li>
                    <li><a href="help"><f:message key="navigation.help"/></a></li>
                  </ul>
                  <ul class="nav pull-right">
                      <li class="dropdown active">
                          <a href="#" class="dropdown-toggle pull-right" data-toggle="dropdown">
                            stefan.bangels@gmail.com
                            <b class="caret"></b>
                          </a>
                          <ul class="dropdown-menu">
                              <li><a href="user-details"><f:message key="navigation.userDetails"/></a></li>
                              <li><a href="logout"><f:message key="navigation.logout"/></a></li>
                          </ul>
                      </li>
                    </ul>

                </div>
              </div>
            </div>
          </div>
          <form>
            <fieldset>
              <legend>User Details</legend>
              <label>E-Mail</label>
              <input class="input-xlarge uneditable-input" disabled type="text" value='<c:out value="${user.name}"/>'/>
              <label>Name</label>
              <input class="input-xlarge" type="text" value='<c:out value="${user.name}"/>' required>
              <label>Language</label>
              <select class="input-large">
                <option>Nederlands</option>
                <option>Francais</option>
                <option>English</option>
              </select>
              <label>Country</label>
              <select class="input-large">
                <option>Belgium</option>
                <option>Netherlands</option>
                <option>France</option>
                <option>United States</option>
              </select>
              <label>Timezone</label>
              <select class="input-large">
                <option>GMT-2</option>
                <option>GMT-1</option>
                <option>GMT</option>
                <option>GMT+1</option>
                <option>GMT+2</option>
              </select>
            </fieldset>
              <div class="form-actions">
                <button type="submit" class="btn btn-primary">Save changes</button>
                <button type="button" class="btn">Cancel</button>
              </div>
          </form>
        </container>

        <script src="http://code.jquery.com/jquery.js"></script>
        <script src="../js/bootstrap.min.js"></script>
    </body>
</html>
